<div class="section-title" ng-click="togglePanel('accessory',$event);">
    <i class="material-icons close">remove</i>
    <i class="material-icons open">add</i>
    <label class="title-name" ng-bind="'dashboard.accessory.title' | translate"></label>
    <div class="kmi-can-click"></div>
    <div style="z-index:1;display: flex;padding-right: 2px;">
        <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="changePanel($event, 'accessory');">
            <i class="material-icons">&#xE871;</i>
        </button>
    </div>
</div>
<div class="section-content">
    <div class="kmi-list kmi-list__no-header none-column-split none-scrollbar">
        <div class="kmi-list__row-content">
            <div class="kmi-list__row start" ng-repeat-start="item in dashboard['accessory'].accessory_detail track by $index">
                <div class="kmi-list__column" style="flex:1;">{{item.accessory_no}}</div>
            </div>
            <div class="kmi-list__row end">
                <div class="kmi-list__column" style="flex:1" ng-bind="item.accessory_category"></div>
                <div class="kmi-list__column" style="flex:0 0 100px;text-align:right;padding-right: 0px;" ng-bind="'dashboard.accessory.remain_total_life' | translate"></div>
                <div class="kmi-list__column" style="flex:1;text-align:left;" ng-bind="item.remain_total_life"></div>
            </div>
            <span ng-repeat-end></span>
        </div>
    </div>
</div>
